<template>
    <div>
        <TypeNav />
        <ListContainer />
        <TodayRecommend />
        <Rank />
        <Like />
        <Floor v-for="(item, index) in floor" :key="index" :floor="item" :index="index" />
        <Brand />
    </div>
</template>

<script>
// import TypeNav from './TypeNav'
import ListContainer from './ListContainer'
import TodayRecommend from './TodayRecommend'
import Rank from './Rank'
import Brand from './Brand'
import Floor from './Floor'
import Like from './Like'
import { mapState } from 'vuex'


export default {
    name: "Home",
    components: {
        // TypeNav,
        ListContainer,
        TodayRecommend,
        Rank,
        Brand,
        Floor,
        Like
    },
    computed: {
        ...mapState("Home", ["floor"])
    },
    mounted() {
        this.$store.dispatch("Home/asyncGetFloorList")
    }
}
</script>

<style lang="less" scoped></style>